<template>
  <f7-page>
    <!-- 导航栏 -->
    <qm-currentcy-navbar title="代办事项">
      <template #nav-right>
        <f7-icon f7="ellipsis"></f7-icon>
      </template>
    </qm-currentcy-navbar>
    <f7-block class="agency-list">
      <qm-agency-card v-for="(item, index) in agencyList" :key="index" v-bind="item"></qm-agency-card>
    </f7-block>
  </f7-page>
</template>

<script>
export default {
  name: "agency-matters",
  data() {
    return {
      agencyList: [
        { title: "关于项目设备使用的审批…", submitter: "张羽凡", time: "2021/09/30", status: true },
        { title: "关于项目设备使用的审批…", submitter: "张羽凡", time: "2021/09/30", status: false },
        { title: "关于项目设备使用的审批…", submitter: "张羽凡", time: "2021/09/30", status: true },
        { title: "关于项目设备使用的审批…", submitter: "张羽凡", time: "2021/09/30", status: true },
        { title: "关于项目设备使用的审批…", submitter: "张羽凡", time: "2021/09/30", status: true }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.agency-list {
  margin: 0;
  padding: calc(30px * var(--ratio)) calc(20px * var(--ratio));
  min-height: calc(100vh - (88px * var(--ratio)));
  background-color: #F7F9FC;
}
::v-deep .page-content {
  padding-top: calc(88px * var(--ratio))
}
</style>
